<!DOCTYPE html>
<html lang="zh-cn">
<!-- 测试宽度单位 -->

<head>
	<meta charset="utf-8" />
	<!-- 这句话非常关键 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>测试宽度单位</title>
	<style>
		body {
			margin: 0;
		}


		.box {
			line-height: 100px;
			background-color: green;
			color: antiquewhite;
			font-size: 50px;
			text-align: center;
			margin-bottom: 10px;
		}
	</style>
</head>

<body>

	<div class="box" style="width:100%">
		width:100%
	</div>

	<div class="box" style="width:360px">
		width:360px
	</div>

	<div class="box" style="width:375px">
		width:375px
	</div>
</body>

</html>